<template>
  <div class="app-container home">
    <div class="indextitle">
      欢迎使用综支中心装维通报系统
    </div>
    <div class="indexText">
      本系统旨在为您提供全面的业务支撑服务和数据分析能力。
      无论您是需要实时的故障通报、维护计划制定，还是对业务数据进行深入分析，该系统都能够满足您的需求。
      通过综合维护支撑通报系统，您可以轻松地管理团队任务、跟踪进度，同时利用可视化分析工具，快速洞察业务趋势和关键指标。
      让我们一起提升工作效率，共同打造更加顺畅的运营环境！
    </div>
    <div class="indexTable">
      <span style="font-size: 20px;">业务部门负责人</span>
      <el-table :data="tableData" stripe border style="width: 100%; font-size: 16px; margin-top: 10px;">
        <el-table-column prop="username" label="用户名称" align="center" style="font-size: 20px;" />
        <el-table-column prop="deptment" label="所属部门" align="center" />
        <el-table-column prop="permission" label="角色权限" align="center" />
        <el-table-column prop="contact" label="联系方式" align="center" />
      </el-table>
    </div>
  </div>
</template>

<script setup>
const tableData = [
  {
    username: '李平',
    deptment: '综合维护支撑中心',
    permission: '业务主管',
    contact: '13319268229'
  },
  {
    username: '张文娜',
    deptment: '综合维护支撑中心',
    permission: '业务主管',
    contact: '13319298433'
  },
  {
    username: '曲玲玲',
    deptment: '综合维护支撑中心',
    permission: '业务主管',
    contact: '18966688900'
  },
  {
    username: '史闻灏',
    deptment: '综合维护支撑中心',
    permission: '业务主管',
    contact: '13319268229'
  }
]

</script>

<style scoped>
.header {
  font-size: 50px;
  justify-self: start;
}

.indextitle {
  text-align: center;
  font-size: 50px;
  margin-bottom: 20px;
}

.indexText {
  text-indent: 2em;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 30px;
}

.indexTable {
  padding-bottom: 10px;
}
</style>